<!DOCTYPE html>
<html lang="en">
<head>
    <title>one</title>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="css/demo.css"/>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link href='css/font2.css' rel='stylesheet' type='text/css'>
    <link href="css/font-awesome.min.css" rel="stylesheet"/>
    <script id="jquery_172" type="text/javascript" class="library" src="js/jquery-1.7.2.min.js"></script>
</head>
<body>
<header>
    <div class="head">
        <ul id="nav">
            <li><span class="pl fa fa-user">: 用户名</span>
                <ul>
                    <li><a href="#">修改信息</a></li>
                    <li><a href="loginfore.html">注销</a></li>
                </ul>
            </li>
        </ul>
    </div>
</header>

<div class="container">
    <div class="progress_bar">
        <div class="pro-bar">
            <!--<small class="progress_bar_title">-->
            <!--<span class="progress_number1">25%</span>-->
            <!--</small>-->
            <span class="progress-bar-inner" style="background-color: #ed687c; width: 25%;" data-value="25"
                  data-percentage-value="25"></span>
        </div>
    </div>

    <a href="two.html"><span class="ff fa fa-arrow-right fa-2x"></span></a>
    <div class="content">
        <div id="button-wrapper" class="file-box">
            <div class="big">
                <a href="#" class="a-btn">
                    <span></span>
                    <span>智联入口</span>
                    <span>智联入口</span>
                </a>
                <div class="uploader black">
                    <form action="" method="post" enctype="multipart/form-data">
                    <input type="text" class="filename" readonly="readonly"/>
                    <input type="button" name="file" class="button" value="点击导入"/>
                    <input type="file" size="30"/>
                    </form>
                </div>
            </div>

            <div class="big2">
                <a href="#" class="a-btn">
                    <span></span>
                    <span>前程入口</span>
                    <span>前程入口</span>
                </a>
                <div class="uploader2 black">
                    <form action="" method="post" enctype="multipart/form-data">
                    <input type="text" class="filename" readonly="readonly"/>
                    <input type="button" name="file" class="button" value="点击导入"/>
                    <input type="file" size="30"/>
                    </form>
                </div>
            </div>

            <div class="big">
                <a href="two.html" class="a-btn">
                    <span></span>
                    <span>其他</span>
                    <span>点击录入</span>
                </a>
                <div class="uploader3 black">
                    <input type="button" name="file" class="button" value="点击提交"/>
                </div>
            </div>
        </div>
    </div>

</div>
<script>$(function () {
    $("input[type=file]").change(function () {
        $(this).parents(".uploader").find(".filename").val($(this).val());
    });
    $("input[type=file]").each(function () {
        if ($(this).val() == "") {
            $(this).parents(".uploader").find(".filename").val("...");
        }
    });
    $("input[type=file]").change(function () {
        $(this).parents(".uploader2").find(".filename").val($(this).val());
    });
    $("input[type=file]").each(function () {
        if ($(this).val() == "") {
            $(this).parents(".uploader2").find(".filename").val("...");
        }
    });
});
</script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#nav li').hover(function() {
            $('ul', this).slideDown(200);
            $(this).children('a:first').addClass("hov");
        }, function() {
            $('ul', this).slideUp(100);
            $(this).children('a:first').removeClass("hov");
        });
    });
</script>
</body>
</html>

